@model MobileWebsiteGenerator.Entities.Page
@{
    ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_Layout_Login.cshtml";
}


<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<div style="float:right;width:680px;vertical-align:top;margin:0px;padding:0px;">
 <a href="@Url.Action("Create", "Website", MobileWebsiteGenerator.MvcApplication._MainCustomer)" style="color:Black;" id="GoToMain" title="Go to Main page">
        <img src="@Url.Content("~/images/Arrow -Left.png")" alt="Alternate Text" /></a>
        <h3>
    Edit</h3>
@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <fieldset>
        <legend></legend>

             <div id="form1" >
                    <div class="form_row">
                    <label>Title:</label>
                    @if (Model.title == "ContactUs")
                    {
                        <input class="text-box single-line form_input" readonly="readonly" id="title" name="title" type="text" value="@Html.DisplayFor(model => model.title)" />
                    }
                    else
                    {
                           <input class="text-box single-line form_input" id="title" name="title" type="text" value="@Html.DisplayFor(model =>model.title)" />
                    }   

                    </div>
                
       
                     <div class="form_row">
                    <label>Content</label>
                       @Html.EditorFor(model => model.EContent, new { @class = "text-box single-line form_input" })    

                    </div>

                         <div class="form_row">
              <label>
                  Page order</label>       @Html.DropDownListFor(model => model.Priority, new SelectList(new[] { "1", "2", "3", "4", "5", "6", "7", "8", "9", "10" }), "Select", new { @class = "test" })
                    </div>

                    @Html.HiddenFor(model => model.page_id)
                    <div class="form_row">
                     <a  href="@Url.Action("Create", "Website", @MobileWebsiteGenerator.MvcApplication._MainCustomer)"   style="float:left;"  id="GoToMain" title="Go to Main page">  <img src="../../images/Arrow Left.png"></a>
                    <input type="submit" class="form_submit" id="create" value="Create" />
                    </div>            
               </div>
       
    </fieldset>
}

</div>
@section MobilePreview
{
    
        @Html.Partial("_PreviewOnMobile", MobileWebsiteGenerator.MvcApplication._MainCustomer);
  
}

<style type="text/css">
    #create:hover
    {
        background-color: #11639d;
        color: White;
    }
    
    #form1 .form_row label
    {
        background-color: #11639d;
        color: White;
    }
</style>



<style type="text/css">
.test
{
    width: 353px;
height: 30px;
background-color: #EEE;
color: #4F4F4D;
border: 1px solid #CCC;
float: left;
padding: 0px 0 0 5px;
    }

</style>






 
